.icon {
    font-family: 'iconfont';
    font-style: normal;
    background-size: contain;
    display: block;
}

.bg-icon-arrow-up {
    background: url(../../images/c-top/icon-arrow-up.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-arrow-down {
    background: url(../../images/c-top/icon-arrow-up.png) no-repeat center center;
    background-size: contain;
    transform: rotateZ(180deg);
}

.bg-icon-weather-blizzard-actived {
    background: url(../../images/c-envpicker/icon-weather-blizzard-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-snowy-actived {
    background: url(../../images/c-envpicker/icon-weather-heavy-snowy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-snowy-actived {
    background: url(../../images/c-envpicker/icon-weather-medium-snowy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-snowy-actived {
    background: url(../../images/c-envpicker/icon-weather-little-snowy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-haze-actived {
    background: url(../../images/c-envpicker/icon-weather-haze-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-rainy-actived {
    background: url(../../images/c-envpicker/icon-weather-heavy-rainy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-rainy-actived {
    background: url(../../images/c-envpicker/icon-weather-medium-rainy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-rainy-actived {
    background: url(../../images/c-envpicker/icon-weather-little-rainy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-fog-actived {
    background: url(../../images/c-envpicker/icon-weather-fog-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-cloudy-actived {
    background: url(../../images/c-envpicker/icon-weather-cloudy-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-darken-actived {
    background: url(../../images/c-envpicker/icon-weather-darken-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-sunny-actived {
    background: url(../../images/c-envpicker/icon-weather-sunny-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-blizzard-normal {
    background: url(../../images/c-envpicker/icon-weather-blizzard-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-snowy-normal {
    background: url(../../images/c-envpicker/icon-weather-heavy-snowy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-snowy-normal {
    background: url(../../images/c-envpicker/icon-weather-medium-snowy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-snowy-normal {
    background: url(../../images/c-envpicker/icon-weather-little-snowy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-haze-normal {
    background: url(../../images/c-envpicker/icon-weather-haze-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-heavy-rainy-normal {
    background: url(../../images/c-envpicker/icon-weather-heavy-rainy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-medium-rainy-normal {
    background: url(../../images/c-envpicker/icon-weather-medium-rainy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-little-rainy-normal {
    background: url(../../images/c-envpicker/icon-weather-little-rainy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-fog-normal {
    background: url(../../images/c-envpicker/icon-weather-fog-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-cloudy-normal {
    background: url(../../images/c-envpicker/icon-weather-cloudy-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-darken-normal {
    background: url(../../images/c-envpicker/icon-weather-darken-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather-sunny-normal {
    background: url(../../images/c-envpicker/icon-weather-sunny-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-weather {
    background: url(../../images/c-envpicker/icon-weather.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-calendar {
    background: url(../../images/c-envpicker/icon-calendar.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-season {
    background: url(../../images/c-envpicker/icon-season.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-time {
    background: url(../../images/c-envpicker/icon-time.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-management-actived {
    background: url(../../images/c-sphere/icon-menu-management-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-landscape-actived {
    background: url(../../images/c-sphere/icon-menu-landscape-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-construction-actived {
    background: url(../../images/c-sphere/icon-menu-construction-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-ecology-actived {
    background: url(../../images/c-sphere/icon-menu-ecology-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-overall-actived {
    background: url(../../images/c-sphere/icon-menu-overall-actived.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-management-normal {
    background: url(../../images/c-sphere/icon-menu-management-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-landscape-normal {
    background: url(../../images/c-sphere/icon-menu-landscape-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-construction-normal {
    background: url(../../images/c-sphere/icon-menu-construction-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-ecology-normal {
    background: url(../../images/c-sphere/icon-menu-ecology-normal.png) no-repeat center center;
    background-size: contain;
}

.bg-icon-menu-overall-normal {
    background: url(../../images/c-sphere/icon-menu-overall-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-open-sphere-normal{
    background:url(../../images/c-toolbar/icon-open-sphere-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-open-sphere-actived{
    background:url(../../images/c-toolbar/icon-open-sphere-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-close-sphere-normal{
    background:url(../../images/c-toolbar/icon-close-sphere-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-close-sphere-actived{
    background:url(../../images/c-toolbar/icon-close-sphere-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-setting-normal{
    background:url(../../images/c-toolbar/icon-setting-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-setting-actived{
    background:url(../../images/c-toolbar/icon-setting-actived.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-home-normal{
    background:url(../../images/c-toolbar/icon-home-normal.png) no-repeat center center;
    background-size: contain;
}
.bg-icon-home-actived{
    background:url(../../images/c-toolbar/icon-home-actived.png) no-repeat center center;
    background-size: contain;
}